#zoom{
    width: 1190px;

    margin: auto;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    #fdj {
        margin-left: 20px;
        width: 350px;
        height: 350px;
        position: relative;
        border: 1px solid red;
        position: relative;
        z-index: 10;
        .small {
            width: 350px;
            height: 350px;
            background: red;
            img {
                width: 350px;
                height: 350px;
            }
            .mask {
                width: 150px;
                height: 150px;
                background: rgba(255, 255, 0, 0.3);
                position: absolute;
                left: 0px;
                top: 0px;
                display: none;
            }
        }
        
        .big {
            position: absolute;
            width: 450px;
            height: 350px;
            left: 350px;
            top: 0;
            overflow: hidden;
            display: none;
            border: 1px solid red;
            img {
                position: absolute;
                left: 0;
                top: 0;
            }
        }
    }
    #title{
        margin-top: 15px;
        width: 800px;
        cursor: pointer;
        h2{
            
            width: 80%;
            height: 60px;
            margin: auto;
        }
        .prace{
            width: 600px;
            height: 130px;
            background-color: #eee;
            margin: 20px auto;
            .a1{
                position: relative;
                width:100%;
                height: 30%;

                display: flex;
                align-items: center;
                .b1{
                    font-size: 14px;
                    color: rgb(123, 121, 121);
                }
                .b11{
                    text-indent: 8px;
                    
                }
                .b2{
                    text-indent: 8px;
                    color: red;
                }
                .b3{
                    position: absolute;
                    top: 0;
                    right: 0;
                    border-left: 1px solid rgb(126, 125, 125);
                }
                .b4{
                    width: 48px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    position: absolute;
                    bottom:  0;
                    right:0;
                    border-left: 1px solid rgb(129, 128, 128);
                }
            }
            .a2{

                margin-top: 10px;
                display: flex;
                text-indent: 5px solid #000;
                
                .c2{
                    width:70px;
                    height: 30px;
                    border: 1px solid red;
                    line-height: 30px;
                    margin-left: 20px;
                }
                .c3{
                    margin-left: 20px;
                }

            }
            .a3{
                margin-top: 10px;
                padding-left:60px;
            }

        }
        .hb{
            width: 600px;
            height: 100px;

            margin: auto;
            display: flex;
            align-items: center;
            button{
                width: 100px;
                height: 40px;
                margin-left: 20px;
                background-color: #eee;
            }
            button:hover{
                cursor: pointer;
            }
        }
        .mn{
            width: 600px;
            height: 150px;
            cursor: pointer;
            margin: auto;
            button{
                width: 400px;
                height: 70px;
                margin: 10px;
                margin-left: 50px;
                border-radius: 20px;
                background-color: red;
                color:#fff;
                font-size: 17px;
                cursor: pointer;
            }
        }
    }
    .nav-a{
        width: 80%;
        margin: auto;
        img{
            display: block;
            width: 850px;
            margin: auto;
        }
    }
}






